<template>
  <el-form label-position="left" label-width="124px" ref="diaForm"
           :model="data">
    <el-row class="row_margin_bottom" :gutter="30">
      <el-col :span="12">
        <el-form-item label="物品名称：" prop="name">
          <el-select v-model="data.name" placeholder="请选择">
            <el-option
              v-for="item in options"
              :key="item.value"
              :label="item.label"
              :value="item.value">
            </el-option>
          </el-select>
        </el-form-item>
      </el-col>
      <el-col :span="12">
        <el-form-item label="数量（公斤）：" prop="amount">
          <el-input size="small" v-model="data.amount"></el-input>
        </el-form-item>
      </el-col>
    </el-row>
    <el-row>
      <el-col :span="24">
        <el-form-item label="备注：" prop="remarks">
          <el-input
            type="textarea"
            :autosize="{ minRows: 2, maxRows: 4}"
            resize="none"
            v-model="data.remarks">
          </el-input>
        </el-form-item>
      </el-col>
    </el-row>
  </el-form>
</template>

<script>
export default {
  name: 'editForm',
  props: {
    data: { type: Object }
  },
  data () {
    return {
      options: [{
        value: '塑料',
        label: '塑料'
      }, {
        value: '塑料袋',
        label: '塑料袋'
      }, {
        value: '饭盒',
        label: '饭盒'
      }, {
        value: '纸',
        label: '纸'
      }, {
        value: '铁铝盒',
        label: '铁铝盒'
      }, {
        value: '玻璃瓶',
        label: '玻璃瓶'
      }, {
        value: '饮料瓶',
        label: '饮料瓶'
      }]
    }
  }
}
</script>

<style scoped>

</style>
